<template>
	<view class="empty">
		<image src="/static/wx_s_13.png"></image>
		<text class="cart-em">{{showTitle}}~</text>
		<text v-if="showContent">{{showContent}}</text>
	</view>
</template>

<script>
	export default {
		props: {
			showTitle: {
				type: String,
				default: "暂无数据"
			},
			showContent: {
				type: String | Boolean,
				default: ""
			}
		}
	}
</script>

<style scoped>
	.empty {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 150rpx 0;
		margin-top: 20rpx;
	}
	
	.empty image {
		width: 210rpx;
		height: 210rpx;
	}
	
	.empty text {
		color: #949494;
		font-size: 24rpx;
	}
	
	.empty .cart-em {
		font-size: 28rpx;
		margin-top: 10rpx;
		margin-bottom: 10rpx;
	}
</style>